<template>
  <div class="form-box">
    <span class="hr-text">{{headText}}</span>
    <slot name="btn"></slot>
    <hr class="hr-color"/>
    <slot></slot>
  </div>
</template>
<script>
    export default {
      name:'formBox',
      props:[
        'headText'
      ]
    }
</script>
<style scoped lang="scss">
  .hr-text{
    color: #BFBFBF;
  }
  .hr-color{
    color: #e0e0e0;
    background-color: #e0e0e0;
    /*height: 0.5px;*/
    border: 0.5px solid #e0e0e0;
  }
  .form-box{
    margin-bottom: 20px;
  }
</style>
